﻿<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',border:false" style="height: 140px; border-bottom-width: 1px; padding: 10px; font-size: 14px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Messager/ViewButtonsboxSource" target="_blank">点击查看扩展代码</a>
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Messager/ViewMessagerCssSource" target="_blank">点击查看扩展样式</a>
        <br />
        js依赖项：
        <br />
        [query-1.11.0.js]、[jquery.jdirk.js]、[jquery.easyui.min.js]、[jeasyui.extensions.messager.buttonsbox.js]

        <br /><br />
        css依赖项：
        <br />
        [jeasyui.extensions.messager.css]
    </div>
    <div data-options="region:'center',border:false,title:'此处仅显示“功能演示”选项卡所示功能基于本扩展的实现源码'" style="padding: 15px; font-size: 14px;">
        <a href="~/Demos/ExtensionDemos/Messager/ButtonsboxDemo.zip" target="_self">下载本扩展功能演示Demo</a>
        <br />
        <div style="font-size: 17px; font-weight: bold; margin-top: 15px;margin-bottom:10px;">
            扩展方法API
        </div>
        <table class="tableAPI">
            <tr class="title">
                <td style="width:10%;">名称</td>
                <td style="width:5%;">重写</td>
                <td style="width:15%;">参数</td>
                <td>描述</td>
            </tr>
            <tr>
                <td>buttonsbox</td>
                <td>否</td>
                <td>title, msg, buttons, handler</td>
                <td>
                    增加 $.messager.buttonsbox 方法，该方法用于创建一个包含多个按钮的对话框，点击对话框中的任意按钮，以执行指定的回调函数；<br />
                    该方法提供如下方式重载：<br />
                    function (buttons)<br />
                    function (buttons, handler)<br />
                    function (msg, buttons)<br />
                    function (msg, buttons, handler)<br />
                    function (title, msg, buttons)<br />
                    function (title, msg, buttons, handler)<br />
                    function (options)，options 的格式如 { title, msg, buttons, closeOnClick, handler, width, height }<br />
                    上述重载的命名参数中：<br />
                    title   : 表示对话框的标题；<br />
                    msg     : 表示对话框内的文本提示内容；<br />
                    buttons : 该参数为一个 Array 数组格式，数组中的每一项都应是一个格式如 { iconCls: string, text: string, value: string, plain: boolean } 的 JSON-Object；<br />
                    handler : 该参数为一个格式如 function (index, value) 的回调函数，其中<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>index : 表示被点击按钮的索引号（从 0 开始计数，如果该值在回调函数执行时为 -1，则表示是由于对话框被点击关闭按钮而引发的事件）；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>value : 表示按钮定义的 value 属性值。<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>在点击按钮时，handler 回调函数内的 this 指向按钮本身的 HTML-DOM 对象；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>如果是对话框被点击关闭按钮，则 handler 回调函数内的 this 指向表示对话框 easyui-window 窗体 body 的 HTML-DOM 对象；<br />
                    closeOnClick : 表示在点击按钮后，是否关闭对话框窗体；Boolean 类型值，默认为 true；<br />
                    width   : Number 类型；表示对话框的宽度；可选，一般用于对话框包含很多按钮的情况下，用于增加对话框的宽度以免按钮换行；<br />
                    height  : Number 类型；表示对话框的高度；可选；<br />
                    buttonsAlign: String 类型；表示按钮靠左或者靠右显示；可选的值为 "left"、"center" 或 "right"，默认为 "center"；<br />
                    返回值：该方法返回一个表示弹出消息框的 easyui-window 对象，这是一个 jQuery 链式对象。
                </td>
            </tr>
        </table>
    </div>
</div>
